<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{$siteRs.title}</title>
<meta name="keywords" content="{$siteRs.keyword}" />
<meta name="description" content="{$siteRs.description}" />
<link rel="shortcut icon" type="image/x-icon" href="{$siteRs.ico}" />
{include file="public/css" /}
<link rel="stylesheet" href="{:config('template.skin')}/owl.carousel/assets/owl.carousel.min.css">
<link rel="stylesheet" href="{:config('template.skin')}/css/animate.min.css">
</head>
<body>
{include file="public/head" /}
<!--banner 开始-->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <?php $banner = ad(5,$lang); ?>
    {if count($banner) > 1}
        <ol class="carousel-indicators">
            {foreach $banner as $key=>$adRs}
                <li data-target="#myCarousel" data-slide-to="{$key}" {eq name="key" value="0"}class="active"{/eq}></li>
            {/foreach}
        </ol>
    {/if}
    <div class="carousel-inner">
        {foreach $banner as $key=>$adRs}
            <div class="carousel-item pt-4 pt-sm-5 {eq name="key" value="0"}active{/eq}" style="background:url({$adRs.thumb}) center no-repeat;">
                <div class="col-md-12 mt-sm-5 mt-2 pt-5 text-center">
                    <div class="h2 text-white mb-5 text-uppercase ellipsis line-2">{$adRs.title|raw}</div>
                    <div class="d-none d-sm-block h5 text-white line-height-180">
                        {php}
                            foreach (explode(PHP_EOL,$adRs['description']) as $description){
                                echo $description.'<br>';
                            }
                        {/php}
                    </div>
                </div>
                <div class="d-none d-sm-block col-md-12 mt-5 text-center"><a href="{$adRs.linkurl}" class="btn btn-rounded px-4 btn-success">&raquo; {:lang('v_view')} {:lang('v_detail')}</a></div>
            </div>
        {/foreach}
        <!-- 搜索 -->
        <div class="d-none d-sm-block position-absolute search btn-rounded p-3">
            <div class="w-100">
                <form name="form_search" id="form_search" method="get" action="">
                    <div class="input-group">
                        <input type="text" class="form-control btn-rounded pl-3" name="keyword" id="keyword" placeholder="{:lang('c_keyword_tips')}...">
                        <span class="input-group-append">
                            <select id="module" class="btn bg-light border-top border-bottom text-md">
                                {volist name="module_list" id="mRs"}
                                    <option value="{$mRs.id}" {if $mRs['module'] eq 'xinfang'}selected="selected"{/if}>{$mRs.title}</option>
                                {/volist}
                            </select>
                        </span>
                        <span class="input-group-append">
                            <button type="button" name="btn_search" id="btn_search" class="btn btn-rounded px-3 btn-danger text-md"><i class="fa fa-search mr-1"></i>{:lang('t_search')}</button>
                        </span>
                    </div>
                </form>
            </div>
        </div>
    </div>
    {if count($banner) > 1}
        <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    {/if}
</div>
<!--banner 结束-->
<!--关于我们 开始-->
<div class="container mt-5">
    <h5 class="text-center font-weight-bold">{:lang('v_about')}</h5>
    <div class="row">
        <div class="col-md-12 mb-3"><div class="divider"><i class="fa fa-chevron-down"></i></div></div>
        <div class="col-md-12 detail dream h6 line-height-180" data-animate="zoomIn,1s">{$aboutus|raw}</div>
    </div>
</div>
<!--关于我们 结束-->
<!--产品 开始-->
<div class="container mt-5">
    <h5 class="text-center font-weight-bold">{:lang('v_product')}</h5>
    <div class="row">
        <div class="col-md-12"><div class="divider"><i class="fa fa-chevron-down"></i></div></div>
    </div>
</div>
<div class="container">
    <a class="h6" href="<?php the_list_url('product'); ?>">&raquo; {:lang('v_more')}</a>
    <div id="pro_owl" class="owl-carousel show-nav-title dream" data-animate="fadeInUp,2s">
        <?php $pro_list = table_list('product', 0, '*', $lang, 12, 'product.sequence desc'); ?>
        {volist name="pro_list" id="proRs"}
            <a href="<?php the_view_url($proRs['id'],'product'); ?>">
                <div class="thumb-info thumb-info-centered-info">
                    <div class="thumb-info-wrapper">
                        <img alt="{$proRs.title}" class="img-fluid rounded" src="{$proRs.thumb}" onerror="this.src='/skin/admin/img/nopic.png'">
                        <div class="thumb-info-title">
                            <div class="thumb-info-inner ellipsis line-3">{$proRs.description|raw}</div>
                            <div class="btn btn-rounded btn-success h7 px-3 mt-2">{:lang('v_view')} &raquo;</div>
                        </div>
                    </div>
                </div>
                <div class="mt-2 h6 text-center ellipsis line-1">{$proRs.title|raw}</div>
            </a>
        {/volist}
    </div>
</div>
<!--产品 结束-->
<!--新闻 开始-->
<div class="container mt-5">
    <h5 class="mb-2 text-center font-weight-bold">{:lang('v_news')}</h5>
    <div class="row">
        <div class="col-md-12"><div class="divider"><i class="fa fa-chevron-down"></i></div></div>
    </div>
    <div class="row mt-4 dream" data-animate="fadeInUp,1s">
        <?php $news_list = table_list('news', 0, '*', $lang, 3, 'news.addtime desc'); ?>
        {volist name="news_list" id="newsRs"}
            <div class="col-md-4">
                <h5 class="ellipsis line-1"><a href="<?php the_view_url($newsRs['id'],'news'); ?>">{$newsRs.title|raw}</a></h5>
                <p class="ellipsis line-3 ml-0 text-muted">{$newsRs.description|raw}</p>
            </div>
        {/volist}
        <div class="col-md-12 mt-4 text-center"><a href="<?php the_list_url('news'); ?>" class="btn btn-rounded px-3 btn-success h6">&raquo; {:lang('v_view')} {:lang('v_more')}</a></div>
    </div>
</div>
<!--新闻 结束-->
{include file="public/foot" /}
<script type="text/javascript" src="{:config('template.skin')}/owl.carousel/owl.carousel.min.js"></script>
<script type="text/javascript" src="{:config('template.skin')}/js/carousel.js"></script>
<script type="text/javascript" src="{:config('template.skin')}/js/animate.js"></script>
<style>
.owl-prev span,.owl-next span{display:none;}
</style>
<script type="text/javascript">
$('#pro_owl').owlCarousel({
      items: {if !request()->isMobile()}5{else /}2{/if},
      margin: 20,
      'loop': false,
      'nav': true,
      'dots': false
});
</script>
</body>
</html>